<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
  
<title>Create an interesting world that works.</title>

<body class="base">
	<div class="contentWrapper">
		<div class="logo">
			<img src="../pics/logo_with_desc.png"></img>
		</div>

		<nav class="menu">
			<ul>
				<li id="Home">
					<a href="#">Home</a>
				</li>
				<li id="GameDesign">
					<a href="#">Game Designs</a>		
				</li>		
				<li id="Arts">
					<a href="#">Arts</a>
				</li>
				<li id="Projects">
					<a href="#">Projects</a>
				</li>
				<li id="Blog">
					<a href="#">Blog</a>
				</li>
			</ul>
		</nav>
		<div id="naviBar">
		</div>
		<div class="briefIntro">
			<img id="briefIntroBarUp" src="../pics/briefIntroBar.png"></img>
			<img id="briefIntroBarBottom" src="../pics/briefIntroBar.png"></img>
			<p id="briefIntroText">
				A physics puzzle game.
			</p>
		</div>

		<section class="gameIdea">
			<div class="pageHeadline">
				<div class="pageHeadlineBar">

				</div>
				<p class="pageHeadlineTitle">
					Swingball
				</p>
				<p class="pageTime">
					2012.7.12
				</p>
			</div>
			<div class="pageContentWrapper">
				<div class="pageContent">
					<p>
						Swingball is a physics puzzle game idea. The basic mechanism of the game is that, for the player, he can set an anchor in the 2D space by simply clicking left button of mouse, and the anchor will automatically connect with the floating ball by a rigid stick. Certainly, the ball will swing around the anchor. And the player can change the anchor's position freely. 
					</p>
					<p>
						The goal of the game can be diversified. For example, the goal can be guide the ball through the obstructions and let it hit the final destination. Or player may try hard to use the ball to blow down a building( kind of like Angry Birds, huh?).
					</p>
					<p>
						Below is the demo, I programmed it by HTML5 and JS. The prototype is powerd by Box2DWeb which is an direct port from Box2DFlash which is an direct port from Box2D:). What's more, this is my first time to write webpage games. XD
					</p>

				</div>
			</div>
			
		</section>



		

	</div>
	<footer>
		<img id="footerBar" src="../pics/briefIntroBar.png"></img>
		<p>Copyright 2012 Xcheng's Website</p>
	</footer>
</body>

<link rel="stylesheet" href="../scripts/default.css" type="text/css" media="screen" />
<script src="../scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../scripts/webpage.js" type="text/javascript"></script>

</html>  